/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot");
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/josephineSans/JosefinSans-Thin.woff2") format("woff2"), url("../fonts/josephineSans/JosefinSans-Thin.woff") format("woff"), url("../fonts/josephineSans/JosefinSans-Thin.ttf") format("truetype"), url("../fonts/josephineSans/JosefinSans-Thin.svg#JosefinSans-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

html {
  font-size: 18px;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Josephine Sans";
  font-weight: bold;
}
body h1 {
  font-size: 1.87rem;
}
body h2 {
  font-size: 1.87rem;
  line-height: 2.44rem;
  margin-bottom: 48px;
}
body h2.is-style-smaller-title {
  font-size: 1.467rem;
  line-height: 1.889rem;
}
body h2.tm-row-title {
  font-size: 1.833rem;
  line-height: 1.889rem;
  margin-bottom: 0px;
}
body h3 {
  font-size: 1.11rem;
  line-height: 1.667rem;
}
body h3.talk-money {
  font-size: 1.466rem;
  line-height: 1.888rem;
  margin-top: 9px;
  margin-bottom: 48px !important;
}
body .wwd-list-items h3 {
  margin-bottom: 6px;
}
body .entry-content .our-impact h2 {
  font-weight: 900;
  font-size: 1.1 0.67rem !important;
  margin-top: 47px;
  margin-bottom: 44px;
}
body p {
  font-family: "Josephine Sans";
  font-weight: 500;
  line-height: 1.667rem;
  letter-spacing: 0;
  font-size: 1rem;
}
body p.is-style-larger-p {
  font-size: 1.17rem;
  letter-spacing: -0.0233rem;
  line-height: 1.75rem;
}
body p.is-style-smaller-p {
  font-size: 1.1667rem;
  line-height: 1.5556rem;
}
body .talk-money h4.wp-block-heading {
  margin-top: 1px;
  font-size: 1.4667rem !important;
  line-height: 1.8889rem !important;
}
body .tm-right h3.wp-block-heading.is-style-less-margin {
  margin-bottom: 48px;
  font-size: 1.46667rem;
  margin-top: 26px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button {
  background-color: #818181;
  border-color: #818181;
  border-radius: 4px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
  border-radius: 4px;
}
body h2.wwd-header + p {
  font-size: 18px !important;
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}
body .latest-resources-content .article-container article .info h3 {
  font-weight: 700 !important;
  font-size: 1.111rem !important;
  line-height: 1.944rem;
  height: 3.8rem;
  overflow: clip;
}
body .latest-resources-content .article-container article .link a {
  color: #2D2B64 !important;
  font-family: "Josephine Sans" !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 700;
  position: relative;
}
body .latest-resources-content .article-container article .link a:before {
  content: "p";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link {
  padding-left: 38px !important;
}
body .gform_body input {
  font-family: "Josephine Sans" !important;
  font-weight: 500;
  padding-left: 15px !important;
  height: 50px;
  border-radius: 4px;
  font-size: 14px !important;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}
body .gform_wrapper ul li.gfield,
body .ginput_container.ginput_container_email,
body body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}
body li#field_1_1 {
  margin-bottom: -8px !important;
}

body .has-video .tm-right h2 {
  font-size: 1.833rem;
  line-height: 2.111rem;
}

body .talk-money h4.wp-block-heading.is-style-smaller-title {
  font-size: 1.167rem !important;
  line-height: 1.6667rem !important;
}

.latest-resources-content {
  /*background-color: $light-gray;*/
  color: #000000;
  display: inline-block;
  height: auto;
  margin: 0 calc(50% - 50vw) 0;
  padding: 0 0 126px 0;
  text-align: left;
  width: 100vw;
}
.latest-resources-content .article-container {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .latest-resources-content .article-container {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.latest-resources-content .article-container article {
  background-color: white;
  display: block;
  margin-bottom: 1em;
  width: 100%;
  border-radius: 30px;
  overflow: clip;
  background-color: white !important;
}
@media screen and (min-width: 768px) {
  .latest-resources-content .article-container article {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex: 0 1 calc(33.3333% - 0.83333em);
        flex: 0 1 calc(33.3333% - 0.83333em);
  }
}
.latest-resources-content .article-container article .size-latest-resources-thumb {
  height: 220px;
  width: 100%;
}
.latest-resources-content .article-container article .info {
  padding-left: 30px;
  padding-right: 30px;
}
.latest-resources-content .article-container article .info .heading {
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.5625em;
}
.latest-resources-content .article-container article .info .heading a {
  text-decoration: none;
}
.latest-resources-content .article-container article .info .heading a:hover, .latest-resources-content .article-container article .info .heading a:focus {
  color: #00974c;
  text-decoration: none;
}
.latest-resources-content .article-container article .info .meta-time {
  color: #00974c;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 0.6875em;
  line-height: 1.25em;
}
.latest-resources-content .article-container article .summary {
  font-size: 0.875em;
  line-height: 1.25em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.latest-resources-content .article-container article .link {
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
}
.latest-resources-content .article-container article .link a {
  color: #1d5492;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.875em;
  text-decoration: none;
}
.latest-resources-content .article-container article .link a:hover, .latest-resources-content .article-container article .link a:focus {
  color: #00974c;
  text-decoration: none;
}
/*# sourceMappingURL=../maps/blocks/ecstra_latest_resources.css.map */